<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            在全局作用域当中    => window
            在事件函数当中      => 谁调用,this就是谁
            定时器当中          => window
            箭头函数            => 沿着作用域链的形式往外找
            构造函数            => 实例对象
            class类            =>  实例对象 
            apply,call,bind     =>  括号当中的第一个参数  
            未完待续....
        */
        class Person {
            /* 
                如果没有写constructor,那会有一个默认隐藏起来的constructor存在,如果我们写
                constructor,默认隐藏的constructor就不存在了
             */
            // constructor(){

            // }
            // constructor(name,age) {
            //     this.name = name;
            //     this.age = age;
            //     console.log("----------");
            //     console.log(this);
            //     console.log("----------");
            // }
            eat() {
                console.log(this);
            }
        }
        //我们一旦new对象之后,那么ES6的类语法当中,会自动的调用constructor这个函数
        let p1 = new Person();
        p1.eat();
    </script>
</body>

</html>